<template>
  <div class="m1">
    <div class="move">
      <div>
        <span></span>
        <p class="p">我的家乡浙江奉化</p>
        <div class="icon">
          <i class="iconfont icon-play"></i>93.7
          <i class="iconfont icon-31dianzan"></i>5546
          <p>音乐生活</p>
        </div>
      </div>
      <div>
        <span> </span>
        <p class="p">我的家乡浙江奉化</p>
        <div class="icon">
          <i class="iconfont icon-play"></i>93.7
          <i class="iconfont icon-31dianzan"></i>5546
          <p>其他</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.m1 {
  background: #f4f4f6;
}
.move {
  width: 6.79rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.move > div {
  width: 3.29rem;
  height: 5.64rem;
  border-radius: 0.25rem;
}
span {
  display: inline-block;
  width: 3.29rem;
  height: 4.17rem;
  background: url(/4.jpg);
  border-radius: 0.25rem;
}
.icon {
  margin-top: 0.58rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 00.15rem;
  color: #999999;
}
.p {
  color: #333333;
  font-size: 00.25rem;
}
</style>